import {Space } from "antd"
import {GithubOutlined,BellOutlined,SearchOutlined} from "@ant-design/icons"
import "./index.less"
const HeaderMenu = ({name}) => {
  return (
    <div style={{float:"right"}}>
      <Space align="center">
        <div className="header-item">
          <SearchOutlined style={{fontSize:"18px"}}/>
        </div>
        <div className="header-item">
          <GithubOutlined style={{fontSize:"18px"}}/>
        </div>
        <div className="header-item">
          <BellOutlined style={{fontSize:"18px"}}/>
        </div>
        <div className="header-item">
          <span className="header-name">{name}</span>
        </div>
      </Space>
    </div>
  )
}

export default HeaderMenu
